<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<<<<<<< HEAD
    <title>练习</title>
</head>
<body>
<div id="app">
    <input type="text" v-model="message">
    <h1>{{message}}</h1>
</div>
</body>
<script src="./lib/vue.js"></script>
<script>
    let vm = new Vue({
        el:'#app',
        data:{
            message:"Hello World"
        },
        methods:{

        }
    })
</script>
</html>
=======
    <script src="./lib/vue.js"></script>
    <title>Title</title>
</head>
<body>
<div id="app">
    <h1>{{message}}</h1>
    <button @click="myfun">点击我</button>
</div>
</body>
<script>
    let vm = new Vue({
      el:'#app',
      data:{
        message:'页面加载于 ' + new Date().toLocaleString()
      },
      created:function(){
        setTimeout(function () {
          alert(111)
        },2000)
      },
      methods: {
        reverseMessage: function () {
          this.message = this.message.split('').reverse().join('')
        },
        myfun(){
          console.log(vm.$data.message)
        }
      }
    })
</script>
</html>
>>>>>>> f3d3fadf6a40c0ecba29a784905e2704c14ecc15
